<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人主页 · Top - 英皇乐理 在线模考平台</title>
    <link rel="shortcut icon" th:href="@{/images/logo.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/personInfo.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/commons.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/personInfo.js}"></script>
</head>
<body>
<div class="main-div">
    <div class="main-box">
    <div th:replace="~{commons::headerbar}"></div>
    <div class="bg">
        <div class="information">
            <div class="base-info">
                <div class="logo">
                    <div class="img">
                        <img th:src="${studentEntity.avatarUrl == null || studentEntity.avatarUrl == '' ? '../images/icon.png' : studentEntity.avatarUrl}" alt="头像" />
                    </div>
                    <div class="upload-icon">
                        <button type="button" class="layui-btn layui-btn-primary" id="upload-icon-btn">
                            <i class="layui-icon layui-icon-camera-fill"></i>
                        </button>
                    </div>
                </div>
                <div class="info-name">
                    <div class="nickname">[[${studentEntity.nickName}]]<span><i th:if="${studentEntity.stuSex == 1}" class="layui-icon layui-icon-male"></i>
                            <i th:if="${studentEntity.stuSex == 2}" class="layui-icon layui-icon-female"></i></span></div><span class="user-id" th:text="${studentEntity.stuId}"></span>
                    <div class="msg"><span th:if="${studentEntity.sign == null}">TA很懒，啥也没干~~</span><span>[[${studentEntity.sign}]]</span></div>
                    <!--<div class="fans">
                        <div class="fs">
                            <div>0</div>
                            <div>粉丝</div>
                        </div>
                        <div class="gz">
                            <div>0</div>
                            <div>关注</div>
                        </div>
                        <div class="zan">
                            <div>0</div>
                            <div>被赞</div>
                        </div>
                    </div>-->
                    <div class="msg-text"><span>走自己的路，让别人去说吧~~~学自己的技术，让别人羡慕去吧~~~</span>
                        <!--<span>
                            <button class="layui-btn layui-btn-normal">更换背景</button>
                        </span>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="own">
            <div class="layui-tab layui-tab-brief" lay-filter="person-friends-tab">
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show base-info">
                        <div class="base-info-content">
                            <div><label class="layui-form-label">昵称：</label>
                                <input type="text" class="layui-input" required lay-verify="required" id="nickName" placeholder="请输入昵称" autocomplete="off" th:value="${studentEntity.nickName}"/>
                            </div>
                            <div><label class="layui-form-label">姓名：</label>
                                <input type="text" class="layui-input" required lay-verify="required" id="userName" placeholder="请输入姓名" autocomplete="off" th:value="${studentEntity.stuName}"/>
                            </div>
                            <div><label class="layui-form-label">登录密码：</label>
                                <input type="password" class="layui-input" required lay-verify="required" id="password" placeholder="请输入登录密码" autocomplete="off" th:value="${studentEntity.password}"/>
                            </div>
                            <div><label class="layui-form-label">性别：</label>
                                <form class="layui-form user-sex">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <input type="radio" th:name="sex" lay-skin="primary" th:title="男" th:value="男" th:checked="${studentEntity.stuSex == '男'}">
                                            <input type="radio" th:name="sex" lay-skin="primary" th:title="女" th:value="女" th:checked="${studentEntity.stuSex == '女'}">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div><label class="layui-form-label">手机：</label><input type="text" class="layui-input"
                                                                                   required lay-verify="required"
                                                                                   placeholder="请输入手机"
                                                                                   autocomplete="off" id="phone"
                                                                                   th:value="${studentEntity.stuMobile}"/>
                            </div>
                            <div><label class="layui-form-label">所在城市：</label><input type="text" class="layui-input"
                                                                                     required lay-verify="required"
                                                                                     placeholder="请输入城市"
                                                                                     autocomplete="off" id="city"
                                                                                     th:value="${studentEntity.city}"/>
                            </div>
                            <div><label class="layui-form-label">地址：</label><input type="text" class="layui-input"
                                                                                     required lay-verify="required"
                                                                                     placeholder="请输入地址"
                                                                                     autocomplete="off" id="address"
                                                                                     th:value="${studentEntity.stuAddress}"/>
                            </div>
                            <div><label class="layui-form-label">个人签名：</label> <textarea name="desc" placeholder="请输入个性签名"
                                                                                         class="layui-textarea" id="sign"
                                                                                         th:text="${studentEntity.sign}"></textarea>
                            </div>
                            <div class="btn">
                                <button class="layui-btn layui-btn-warm save-info-btn">提交</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
<!--<script src="https://www.yingyuchat.com/static/js/warbler-front.js"></script>
<script>
    WARBLER.init({
        WARBLER_URL: "https://www.yingyuchat.com",
        WARBLER_KEFU_ID: "matao123",
        WARBLER_ENT: "513",
        WARBLERAUTO_SHOW: false
    })
</script>-->
</html>
